<template>
  <div>
    <!-- 卡片顶部button -->
    <el-button type="primary" size="default" @click="addTradmark" icon="Plus" v-has="`btn.Trademark.add`"
      >添加品牌</el-button
    >
  </div>
</template>

<script setup lang="ts">
import { dialogFormVisible, trademarkParams } from "../index";
//添加品牌回调
const addTradmark = () => {
  //对话框显示
  dialogFormVisible.value = true;
  //清空数据
  trademarkParams.logoUrl = "";
  trademarkParams.tmName = "";
  trademarkParams.id = 0;
  //清除上次校验结果（若直接清楚formRef.value.clearValidata('xxx'),
  //则会报错，因为此时还没有formRef.value元素，调用undefined会报错）
  //写法一
  // formRef.value?.clearValidata('tmName')
  // formRef.value?.clearValidata('logoUrl')
  //写法二：
  //nextTick:dom元素创建完后执行
};
</script>

<style scoped></style>
